const { defineConfig } = require('@vue/cli-service')
const path = require('path')

// 定义路径别名
const resolve = dir => path.join(__dirname, dir)

module.exports = defineConfig({
  // 其他配置...

  // 配置Webpack
  chainWebpack: config => {
    // 禁用Babel对vue.config.js的配置文件检查
    config.module.rule('js').use('babel-loader').tap(options => ({
      ...options,
      babelrc: false,
      configFile: false
    }))

    // 配置路径别名
    config.resolve.alias
      .set('@pages', resolve('src/pages')) // 设置 @pages 别名指向 src/pages 目录
      .set('@src', resolve('src')) // 设置 @src 别名指向 src 目录
      .set('@store', resolve('src/store')) // 设置 @store 别名指向 src/store 目录
      .set('@utils', resolve('src/utils')) // 设置 @utils 别名指向 src/utils 目录
      .set('@Api', resolve('src/Api')) // 设置 @Api 别名指向 src/Api 目录
      .set('@Mock', resolve('src/Mock')) // 设置 @Mock 别名指向 src/Mock 目录
      .set('@Img', resolve('src/assets/img')) // 设置 @Img 别名指向 src/assets/img 目录
      .set('@Scss', resolve('src/assets/Scss')) // 设置 @Scss 别名指向 src/assets/Scss 目录
      .set('@Components', resolve('src/components')) // 设置 @Components 别名指向 src/components 目录
  },

  // 启动服务时自动打开浏览器
  devServer: {
    open: true, // 启动时自动打开浏览器
    port: 60001 // 更改端口号为60001
    // proxy: {
    //   '/api': {
    //     target: 'http://localhost:60001', // 后端API服务地址
    //     changeOrigin: true,
    //     pathRewrite: { '^/api': '' } // 移除前缀
    //   }
    // }
  }
})
